<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">

        <!-- Slider Revolution CSS Files -->
        <link rel="stylesheet" type="text/css" href="assets/rs/css/settings.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/layers.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/navigation.css">
    </head>
    <body>

        <!-- header-start -->
		<header>
            <div class="header2-area black-bg d-none d-md-block ">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-6 d-flex align-items-center">
                            <div class="header-2-info">
                                <span><i class="far fa-clock"></i> Mon - Fri: 9:00 - 19:00 / Closed on Weekends</span>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6">
                            <div class="header-link text-md-right">
                                <ul>
                                    <li><a href="#">New & Media</a></li>
                                    <li><a href="#">Careers</a></li>
                                    <li><a href="#">Contacts</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="main-menu-area menu-2">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 d-flex align-items-center">
                            <div class="logo">
                                <a href="index.html"><img src="assets/img/logo/logo.png" alt="" /></a>
                            </div>
                        </div>
                        <div class="col-xl-9 col-lg-9">
                            <div class="header-button f-right d-none d-lg-block">
                                <a class="b-btn btn-black" href="#">
                                    <span>get a quote</span>
                                </a>
                            </div>
                            <div class="main-menu text-right">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="active"><a href="index.html">home</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="index.html">home 1</a></li>
                                                <li><a href="index-2.html">home 2</a></li>
                                                <li><a href="index-3.html">home 3</a></li>
                                                <li><a href="index-4.html">home 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="services-01.html">Services</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="services-01.html">services 01</a>
                                                <li><a href="services-02.html">services 02</a></li>
                                                <li><a href="services-03.html">services 03</a></li>
                                                <li><a href="services-details.html">services details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="case.html">Case</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="case.html">case</a></li>
                                                <li><a href="case-02.html">case 02</a></li>
                                                <li><a href="case-03.html">case 03</a></li>
                                                <li><a href="case-04.html">case 04</a></li>
                                                <li><a href="case-details.html">case details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">pages</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="about-us-01.html">about us 01</a></li>
                                                <li><a href="about-us-02.html">about us 02</a></li>
                                                <li><a href="brand.html">brand</a></li>
                                                <li><a href="faq.html">faq</a></li>
                                                <li><a href="certification.html">certification</a></li>
                                                <li><a href="our-history.html">our history</a></li>
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="contact.html">contact</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">blog </a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="blog.html">blog</a></li>
                                                <li><a href="blog-3-column.html">blog 3 column</a></li>
                                                <li><a href="blog-left-sidebar.html">blog left sidebar</a></li>
                                                <li><a href="blog-details.html">blog details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-area d-none d-md-block">
                <div class="container">
                    <div class="header-2-border">
                        <div class="row">
                            <div class="col-xl-8 col-lg-9 col-md-9 d-flex align-items-center">
                                <div class="header-info header-3-info d-none d-lg-block">
                                    <span><i class="far fa-map-marker-alt"></i> Flat 20, Reynolds USA</span>
                                    <span><i class="far fa-envelope-open"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="33404643435c414773415e525a5f1d505c5e">[email&#160;protected]</a></span>
                                    <span> <i class="far fa-phone"></i> +812 (345) 6789</span>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-3 col-md-3">
                                <div class="header-top-right f-right ">
                                    <div class="header-icon header-2-icon f-right d-none d-lg-block">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-google"></i></a>
                                        <a href="#"><i class="fab fa-dribbble"></i></a>
                                        <a href="#"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="extra-info">
                <div class="close-icon">
                    <button>
                        <i class="far fa-window-close"></i>
                    </button>
                </div>
                <div class="logo-side mb-30">
                    <a href="index.html">
                        <img src="assets/img/logo/white.png" alt="" />
                    </a>
                </div>
                <div class="side-info mb-30">
                    <div class="contact-list mb-30">
                        <h4>Office Address</h4>
                        <p>123/A, Miranda City Likaoli
                            Prikano, Dope</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Phone Number</h4>
                        <p>+0989 7876 9865 9</p>
                        <p>+(090) 8765 86543 85</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Email Address</h4>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84edeae2ebc4e1fce5e9f4e8e1aae7ebe9">[email&#160;protected]</a></p>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dabfa2bbb7aab6bff4b7bbb3b69ab2afb7f4b9b5b7">[email&#160;protected]</a></p>
                    </div>
                </div>
                <div class="instagram">
                    <a href="#">
                        <img src="assets/img/portfolio/p1.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p2.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p3.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p4.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p5.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p6.jpg" alt="">
                    </a>
                </div>
                <div class="social-icon-right mt-20">
                    <a href="#">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-google-plus-g"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-instagram"></i>
                    </a>
                </div>
            </div>
        </header>
        <!-- header-start -->

        <main>

            <!-- breadcrumb-area-start -->
            <div class="breadcrumb-area pt-245 pb-255" style="background-image:url(assets/img/bg/bg-9.jpg)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="breadcrumb-text text-center">
                                <h1>case</h1>
                                <ul class="breadcrumb-menu">
                                    <li><a href="index.html">home</a></li>
                                    <li><span>case</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- breadcrumb-area-end -->

            <!-- work start  -->
            <div class="work-area-start pt-120 pb-90">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title text-center mb-75">
                                <span>our works</span>
                                <h1>Project We Have Done</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-8 col-lg-8">
                            <div class="b-work b-work-large position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/w-01.jpg" alt="">
                                </div>
                                <div class="b-work-content">
                                    <div class="b-work-inner d-flex justify-content-between align-items-center">
                                        <h2><a href="#">Metal Construction</a></h2>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/w-02.jpg" alt="">
                                </div>
                                <div class="b-work-content">
                                    <div class="b-work-inner d-flex justify-content-between align-items-center">
                                        <h2><a href="#">Metal Construction</a></h2>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/w-03.jpg" alt="">
                                </div>
                                <div class="b-work-content">
                                    <div class="b-work-inner d-flex justify-content-between align-items-center">
                                        <h2><a href="#">Metal Construction</a></h2>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/w-04.jpg" alt="">
                                </div>
                                <div class="b-work-content">
                                    <div class="b-work-inner d-flex justify-content-between align-items-center">
                                        <h2><a href="#">Metal Construction</a></h2>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/w-05.jpg" alt="">
                                </div>
                                <div class="b-work-content">
                                    <div class="b-work-inner d-flex justify-content-between align-items-center">
                                        <h2><a href="#">Metal Construction</a></h2>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- work end  -->

            <!-- cta start  -->
            <div class="cta-area pt-100 pb-70" style="background-image:url(assets/img/bg/cta.jpg)">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-9 col-lg-8">
                            <div class="cta-text mb-30">
                                <span>work your dream project</span>
                                <h1>Need Premium Quality Services</h1>
                                <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
                                    demoralized by the
                                    charms of pleasure of the moment blinded</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4">
                            <div class="cta-button text-lg-right mb-30">
                                <a class="b-btn" href="#">
                                    <span>join with us</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- cta end  -->

            <!-- faq-area-start -->
            <div class="faq-area pt-125 pb-100 gray-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title text-center mb-75">
                                <span>ask question</span>
                                <h1>Freequently Asked Questions</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-lg-6">
                            <div class="faq-box faq-theme mb-30">
                                <div id="accordion">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link" data-toggle="collapse" data-target="#collapseOne"
                                                    aria-expanded="false" aria-controls="collapseOne"> What Do You Know About
                                                    Interior? </a>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseOne" aria-labelledby="headingOne"
                                            data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so
                                                    beguiled and demoralized by the charms of pleasure of the moment blinded by
                                                    desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingTwo">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse"
                                                    data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                    New What Most Important Of Architectural Design ?</a>
                                            </h5>
                                        </div>
                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                            data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so
                                                    beguiled and demoralized by the charms of pleasure of the moment blinded by
                                                    desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingThree">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse"
                                                    data-target="#collapseThree" aria-expanded="false"
                                                    aria-controls="collapseThree">
                                                    Basic Part Of Property For Human Life ?</a></h5>
                                        </div>
                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                            data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so
                                                    beguiled and demoralized by the charms of pleasure of the moment blinded by
                                                    desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingFour">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse"
                                                    data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    Why We Learn About Interior Designing?</a> </h5>
                                        </div>
                                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                            data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so
                                                    beguiled and demoralized by the charms of pleasure of the moment blinded by
                                                    desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6">
                            <div class="faq-img mb-30">
                                <img src="assets/img/bg/02.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- faq-area-end -->

        </main>


        <!-- footer-area-start -->
        <footer>
            <div class="footer-widget-area black-bg pt-80">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="footer-2-logo">
                                    <a href="index.html"><img src="assets/img/logo/logo-2.png" alt=""></a>
                                </div>
                                <div class="footer-text footer-2-text">
                                    <p>But I must explain to you how all this misn idea of denouncing pleasure and prais pain </p>
                                    <a href="#">Continue Reading</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper pl-25 mb-30">
                                <h3 class="footer-title">Quick Links</h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="#">About Company</a></li>
                                        <li><a href="#">Latest Projects</a></li>
                                        <li><a href="#">Lastest From Blog</a></li>
                                        <li><a href="#">Our Mission</a></li>
                                        <li><a href="#">Our Testimonials</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="footer-wrapper pl-30 mb-30">
                                <h3 class="footer-title">Latest News</h3>
                                <ul class="footer-news">
                                    <li>
                                        <div class="footer-news-img f-left">
                                            <a href="#"><img src="assets/img/footer/01.jpg" alt=""></a>
                                        </div>
                                        <div class="footer-news-text">
                                            <h5><a href="#">Making Distributed Product Teams Work More Effic</a></h5>
                                            <span><i class="fal fa-calendar-alt"></i> 25 Sep 2019</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="footer-news-img f-left">
                                            <a href="#"><img src="assets/img/footer/02.jpg" alt=""></a>
                                        </div>
                                        <div class="footer-news-text">
                                            <h5><a href="#">Complete Anatomy Of The Gutenberg WordPress Editor</a></h5>
                                            <span><i class="fal fa-calendar-alt"></i> 25 Sep 2019</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30 pl-40">
                                <h3 class="footer-title">Contact Us</h3>
                                <ul class="footer-info">
                                    <li><span><i class="far fa-map-marker-alt"></i> 1058 Meadowb, Mall Road</span></li>
                                    <li><span><i class="far fa-envelope-open"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0f7c7a7f7f607d7b4f68626e6663216c6062">[email&#160;protected]</a></span></li>
                                    <li><span><i class="far fa-phone"></i> +000 (123) 44 558</span></li>
                                    <li><span><i class="far fa-paper-plane"></i> www.buildmartinfo.net</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="footer-bottom-area footer-2-bottom mt-40 pt-25 pb-25">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="copyright  copyright-1 text-center col-md-left">
                                    <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="https://www.sucaihuo.com/">网站模板</a></p>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="footer-bottom-wrapper">
                                        <div class="footer-2-icon f-right">
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                            <a href="#"><i class="fab fa-instagram"></i></a>
                                            <a href="#"><i class="fab fa-google"></i></a>
                                        </div>
                                        <ul class="footer-bottom-link f-right">
                                            <li><a href="#">Setting & Privacy </a></li>
                                            <li><a href="#">Terms of Use</a></li>
                                            <li><a href="#">Site Map</a></li>
                                        </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-area-end -->



		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/jquery.knob.js"></script>
        <script src="assets/js/jquery.appear.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/jquery.counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
        <script src="assets/js/main.js"></script>

         <!-- Slider Revolution core JavaScript files -->
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.tools.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.revolution.min.js"></script>
         <script src="assets/rs/js/revolution-active.js"></script>

         <!-- Slider Revolution extension scripts. ONLY NEEDED FOR LOCAL TESTING -->
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.actions.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.carousel.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.kenburn.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.layeranimation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.migration.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.navigation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.parallax.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.slideanims.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.video.min.js"></script>
    </body>
</html>